<!--
 * @Author: xfworld
 * @Date: 2020-06-03 15:00:48
 * @LastEditors: xfworld
 * @LastEditTime: 2020-06-03 15:01:19
 * @Description: 
-->
<template>
  <div class="error404">
    <div class="error404-body-con">
      <div class="error404-body-con-title">404</div>
      <p class="error404-body-con-message">页面没找到</p>
      <div class="error404-btn-con">
        <Button @click="goHome" style="width: 100px;" type="text">返回首页</Button>
        <Button @click="backPage" style="width: 100px;margin-left: 40px;" type="primary">返回上一页</Button>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "Error404",
  methods: {
    backPage() {
      this.$router.go(-1);
    },
    goHome() {
      this.$router.push({
        name: "home"
      });
    }
  }
};
</script>
<style lang="less">
@import "./404.less";
</style>
